<!DOCTYPE html>
<meta charset="UTF-8">
<div data-type="tabs" data-define="tools:'#tab-tools'" style="width: 700px; height: 250px">
	<div title="包含子tab页面" style="padding: 10px;">
		<div data-type="tabs" data-define="fit:true,plain:true">
			<div title="t1" style="padding: 10px;">tab 1</div>
			<div title="t2" style="padding: 10px;">tab 2</div>
			<div title="t3" style="padding: 10px;">tab 3</div>
		</div>
	</div>
	<div title="Iframe" data-define="closable:true" style="overflow: hidden; background: #fff">
		<iframe scrolling="yes" frameborder="0" src="static_resources/ui/jww/demo/testdata/_content.html"
			style="width: 100%; height: 100%;"></iframe>
	</div>
	<div title="grid" data-define="closable:true" style="padding: 10px">
		<table data-type="grid" data-define="fit:true,singleSelect:true,rownumbers:true">
			<thead>
				<tr>
					<th data-define="field:'f1',width:100">t1</th>
					<th data-define="field:'f2',width:100">t2</th>
					<th data-define="field:'f3',width:100">t3</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>11</td>
					<td>12</td>
					<td>13</td>
				</tr>
				<tr>
					<td>21</td>
					<td>22</td>
					<td>23</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div title="Ajax" data-define="href:'${rc.contextPath}/assets/ui/jww/demo/testdata/_content.html',closable:true"
		style="padding: 10px"></div>
</div>
